
@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.product-action-panel.hosting-dashboard-layout__body {
	background: var( --color-surface );
	padding-block: 16px;
	margin-block-start: 16px;

	.hosting-dashboard-layout__body-wrapper {
		display: flex;
		flex-direction: column;
		gap: 16px;
		justify-content: center;

		@include break-large {
			flex-direction: row;
			justify-content: space-between;
		}
	}
}

.product-action-panel__filter {
	display: flex;
	flex-direction: row;
	gap: 16px;

	.components-search-control {
		flex-grow: 1;
	}
}
